	function showTab(tabHeadId,tabContentId)
    {
        //tab层
        var tabDiv = document.getElementById("divTab");
        //将tab层中所有的内容层设为不可见
        //遍历tab层下的所有子节点
        var taContents = tabDiv.childNodes;
        for(i=0; i<taContents.length; i++)
        {
            //将所有内容层都设为不可见
            if(taContents[i].id!=null && taContents[i].id != 'tabsHead')
            {
                taContents[i].style.display = 'none';
            }
        }
        //将要显示的层设为可见
        document.getElementById(tabContentId).style.display = 'block';
       
        //遍历tab头中所有的超链接
        var tabHeads = document.getElementById('tabMenus').getElementsByTagName('li');
        for(i=0; i<tabHeads.length; i++)
        {
            //将超链接的样式设为未选的tab头样式
            tabHeads[i].className='tab';
        }
        //将当前超链接的样式设为已选tab头样式
        document.getElementById(tabHeadId).className='tabOn';
        document.getElementById(tabHeadId).blur();
    }

	function exchangeValue(src, des, flag)
	{
		var srcContent = $('#' + src).text();
		var desContent = $('#' + des).text();
		$('#' + src).text(desContent);
		$('#' + des).text(srcContent);
		if(flag)
			$('#' + src).effect('highlight', {}, 1500);
	}

	function restore(trNo, flag)
	{
		var rowSpan = $('#row1').attr('rowspan');
		if(flag == true) {
			for(i=1; i <= trNo; i++)
			{
				$('#tr' + i).show();
			}
			exchangeValue('Hone', 'Hthree', false);
			exchangeValue('Tone', 'Tthree', false);
			exchangeValue('Cone', 'Cthree', false);
			$('#row1').attr('rowspan', rowSpan + 2);
			$('#row3').mouseover(function() { $('#a3').removeClass('cardPerson').addClass('cardPersonRemove'); }).mouseout(function() { $('#a3').removeClass('cardPersonRemove').addClass('cardPerson'); });
			$('#a3').click(function() { clearTr(3, false, 'row3'); });
		} else {
			$('#tr' + trNo).show();
			exchangeValue('Hone', 'Htwo', false);
			exchangeValue('SHone', 'SHtwo', false);
			$('#row1').attr('rowspan', rowSpan + 1);
			$('#row2').mouseover(function() { $('#a2').removeClass('cardPerson').addClass('cardPersonRemove'); }).mouseout(function() { $('#a2').removeClass('cardPersonRemove').addClass('cardPerson'); });
			$('#a2').click(function() { clearTr(2, true, 'row2'); });
		}
	}

    function clearTr(trNo, flag, target) {
		var rowSpan = $('#row1').attr('rowspan');
        if(flag == true) {
			for(i=1; i <= trNo; i++)
			{
				$('#tr' + i).css({'display' : 'none'});
			}
			rowSpan -= $('#' + target).attr('rowspan');
			$('#row1').attr('rowspan', rowSpan);
			$('#spouse').hide();
			exchangeValue('Hone', 'Hthree', true);
			exchangeValue('Tone', 'Tthree', true);
			exchangeValue('Cone', 'Cthree', true);
			$('#row3').unbind();
			$('#row3').click(function() { restore(2 , true); });
			$('#a3').unbind();
        } else {
        	$('#tr' + trNo).css({'display' : 'none'});
			rowSpan -= $('#' + target).attr('rowspan');
			$('#row1').attr('rowspan', rowSpan);
			$('#offspring').hide();
			exchangeValue('Hone', 'Htwo', true);
			exchangeValue('SHone', 'SHtwo', true);
			$('#row2').unbind();
			$('#row2').click(function() { restore(3, false); });
			$('#a2').unbind();
        }
    }

	$(document).ready(
		function()
		{	
			$('#row2').mouseover(function() { $('#a2').removeClass('cardPerson').addClass('cardPersonRemove'); }).mouseout(function() { $('#a2').removeClass('cardPersonRemove').addClass('cardPerson'); });
			$('#row3').mouseover(function() { $('#a3').removeClass('cardPerson').addClass('cardPersonRemove'); }).mouseout(function() { $('#a3').removeClass('cardPersonRemove').addClass('cardPerson'); });
			$('#a2').click(function() { clearTr(2, true, 'row2'); });
			$('#a3').click(function() { clearTr(3, false, 'row3'); });
			$('#buybutton').click(function() { $('#confirmMessage > p').append($('#ref').html());$('#tab3').show();showTab('tab3','tabDtls3');$('#tab1 > a').click(function(event) { event.preventDefault() }); });
			$('#crossSelect').click(function() { $('#confirmMessage > p').replaceWith('<p>您选择了:<b>美满家庭卡</b>。投保人为:</p>');showTab('tab1','tabDtls1');$('#tab3').hide(); });
			$('#flyoutControll').click(function() { $("#section0").slideDown('fast').show();$(this).parent().hover(function() {}, function() { $(this).parent().find('#section0').slideUp('slow'); }); });
		}
	);